<template>
	<view class="info">
			<!-- 沙石资讯组件 -->
		<view class="infoBox" v-for="item in info" :key="item.id">
			<view class="infoImg">
				<image :src="item.cover" mode=""></image>
			</view>
			<view class="infoDes">
				<text>{{item.title}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Information",
		props:{
			info:{
				type:Object
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.info {
		display: flex;
	}
	.infoBox {
		display: inline-block;
		width: 120px;
		margin-bottom: 15px;
		margin-right: 7px;
	}
	.infoImg {
		width: inherit;
		height: 80px;
	}
	.infoImg >image {
		width: inherit;
		height: inherit;
		border-radius: 5px;
	}
	.infoDes {
		width: inherit;
		height: 34px;
	}
	.infoDes >text {
		overflow : hidden;
		text-overflow: ellipsis;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color:#fff;
		font-size: 12px;
	}
</style>